<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://unpkg.com/vue@3"></script>
</head>
<body>
    <div id="app">
        <h1>我是直接写在body里面的模版！</h1>

    </div>
    
</body>
</html>
<script type="text/x-template" id="temp">
    <h1>我是在x-template中定义的模版</h1>

</script>
<script>
// 创建一个vue实例
    const  appConn = Vue.createApp({
// vue代码书写区域
        // template:'<h1>我是写在vue实例中的模版,我将把原有的div中的内容替换掉</h1>'
        template:'#temp'
    }).mount("#app")

</script>